<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>ReTxt2tags: full list of styles</title>
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="custom.css">
  <link rel="stylesheet" href="retxt2tags.css">
</head>
<body class="rt2t-on">

<p style="margin: 1.4em 0 2.8em;" class="rmd-a-bracket">
  ReTxt2tags:
  <a href="index.html">about</a>,
  <a href="details.html">details</a>,
  <em>sampler</em>,
  <a href="sample.html">Original txt2tags sample</a>,
  <a href="issues.html">issues</a>
</p>

<h1>
  Sampler page for ReTxt2tags styles
</h1>

<hr>

<h1>H1 title with default style</h1>

<h2>H2 title with default style</h2>

<h3>H3 title with default style</h3>

<h4>H4 title with default style</h4>

<h5>H5 title with default style</h5>

<h1 class="rmd-underline">
  Underlined H1 title | <code>rmd-h1-underline</code>
</h1>

<h1 class="rmd-uppercase">
  Uppercase H1 title | <code>rmd-h1-uppercase</code>
</h1>

<h2>
  Underlined H2 title | <code>rmd-h2-underline</code>
</h2>

<p>Look, a horizontal rule!</p>

<hr>

<p>This HR uses the default asterisks and left alignment. The next one uses
the <code>rmd-hr-center</code> and <code>rmd-hr-minus</code> classes.</p>

<hr class="rmd-center rmd-minus">

<ul>
  <li>Simple UL list<br>
  First element</li>
  <li>Second element</li>
  <li>Third element</li>
  <ul><li>Sub list</li></ul>  
</ul>

<ul class="rmd-plus">
  <li><p>Simple UL list with paragraphs inside items.<br>
  Also, we switched to plus signs for bullets | <code>rmd-ul-plus</code></p></li>
  <li><p>More paragraphs.</p></li>
  <li><p>MOAR</p></li>
</ul>

<ul class="rmd-minus">
  <li>Want hyphens for bullets?</li>
  <li>Use <code>rmd-ul-minus</code></li>  
</ul>

<ol>
  <li>Simple OL list<br>
  First element</li>
  <li>Second element</li>
  <li>Third element</li>  
</ol>

<ul>
  <li>Imbricated lists!</li>
  <li>Here comes a new list:
    <ol>
      <li>Step One</li>
      <li>Step Two</li>
      <li>Step Three</li>
      <li>
        <ul class="rmd-plus">
          <li>A Brand New Level of Awesome!</li>
          <li>(Switch to different bullet style is manual though.)</li>
        </ul>
    </ol>
  </li>
</ul>

<hr class="rmd-center">

<p>Quotes are nice. And this flim is great.</p>

<blockquote>
  <p>Je me permets d’interrompre ce flim parce qu’on se fout un peu de ma
  gueule. C’est du vol et du plagiat. J’aime pas trop les voleurs et les
  fils de pute.</p>
  <p>Dans ce film le héros meurt au début et des journalistes décident
  d’enquêter sur ses dernières paroles, comme dans <cite>Citizen Kane</cite>.
  J’appelle ça du plagiat.</p>
  <p>— Orson Welles, in <cite>La Classe américaine</cite></p>
</blockquote>

<p>Quotes in quotes in quotes?</p>

<p>Dan wrote:</p>
<blockquote>
  <p>Bob wrote:</p>
  <blockquote>
    <p>Sandy wrote:</p>
    <blockquote>
      <p>What the hell is this movie?</p>
    </blockquote>
    <p>A lot of nonsense.</p>
  </blockquote>
  <p>What? It makes perfect sense. Get a grip, Bob.</p>
</blockquote>
<p>Thanks, Dan.</p>

<hr class="rmd-center">

<p>Take a look at the <em>EM</em> and <strong>STRONG</strong> elements.<br>


<p>Txt2tags also supports <s>strike-through</s> and <u>underline</u>, <b>bold</b> and <i>italic</i></p>

<p>CODE elements show up as <code>some code</code>. They’re used all over
this page so you’re bound to have seen them already.</p>

<hr class="rmd-center">

<p>Of course you can have <a href="http://example.org/">links</a>. They show
up as normal HTML links by default. There’s an <a href="page/does/not/exist"
class="rmd-bracket">alternative style</a> which adds square brackets, using
the <code>rmd-link-bracket</code> class. But feel free to customize.</p>

<p class="rmd-a-showurl">Thanks to the <code>rmd-a-showurl</code> class, URLs
of links in this paragraph are shown (and will be printed) next to the link
text, mimicking the classic Txt2tags syntax: <a href="#lol">Link A</a> and
<a href="internal/link/">link B</a> and
<a href="http://www.example.org/">link C</a>.</p>

<p class="rmd-a-printurl">This paragraph is similar, except we’re using the
<code>rmd-a-printurl</code> class, so URLs will be printed next to links but
not shown on screen. See <a href="#lol">link A</a> and
<a href="internal/link/">link B</a> and
<a href="http://www.example.org/">link C</a>.</p>

<div class="rmd-a-printref">
  <p>While URLs of links in this section will be printed as references at
  the end of the section: <a href="#lol">Link A</a> and
  <a href="internal/link/">link B</a> and
  <a href="http://www.example.org/">link C</a>.</p>
  <p>Note that in-page links and obvious mailto links (such as
  <a href="mailto:lol@what.com">lol@what.com</a>) will not be printed, but
  non-obvious <a href="mailto:what@lol.com">email links</a> will; also,
  internal links will be resolved as full URLs.</p>
</div>

<hr class="rmd-center">

<pre><code>/* A block of code
   Departing a bit from Txt2tags syntax: the space on the left is 3
   characters (in browsers which support the CSS3 `ch` unit), to align
   nicely with list items and quotations.
   We’re also mapping Tab characters to 3 characters (the default in
   most browsers is 8) in supporting browsers.
*/
.rt2t-on pre {
  margin-left: 3ch;
  tab-size: 3;
}</code></pre>
<p>The end.</p>

<script src="rmd-print.js"></script>

  <script>var _gaq=_gaq||[['_setAccount','UA-199097-5'],['_trackPageview']];
  (function(){var ga=document.createElement('script');ga.async=true;ga.
  src='//www.google-analytics.com/ga.js';if(document.domain=='fvsch.com')
  document.querySelector('head').appendChild(ga);})();</script>

</body>
</html>
